<template>
  <!--<div id="app">-->
      <!--<v-header></v-header>-->
      <!--<div class="tab">-->
        <!--<router-link to="/goods" class="tab-item">商品</router-link>-->
        <!--<router-link to="/ratings" class="tab-item">评论</router-link>-->
        <!--<router-link to="/seller" class="tab-item">商家</router-link>-->
      <!--</div>-->
    <!--<router-view></router-view>-->
  <!--</div>-->
</template>

<script type="text/ecmascript-6">
  import Header from './header/MyHeader.vue'
  import Tab from './tab/MyTab'
    export default {
        name: 'main-page',
        data () {
          return {
            msg: '这是主页面'
          }
        },
      components: {
        'v-header': Header,
         'v-tab': Tab
        }
    }
</script>

<style scoped>
  .tab {
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
  .tab .tab-item {
    flex: 1;
    text-align: center;
  }
</style>
